<?xml version="1.0"?>
<jsp:root 	xmlns:jsp="http://java.sun.com/JSP/Page"
			xmlns:sql="http://java.sun.com/jsp/jstl/sql"
			xmlns:c="http://java.sun.com/jsp/jstl/core" 
			xmlns:fmt="http://java.sun.com/jsp/jstl/fmt"
			version="2.1">
	<jsp:directive.page contentType="text/html; charset=UTF-8" />
	<jsp:directive.page isELIgnored="false" />
	<jsp:output omit-xml-declaration="false"
		doctype-root-element="html"
		doctype-public="-//W3C//DTD XHTML 1.1//EN"
		doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd" /> 	
		
	<jsp:useBean id="userBean" class="es.albarregas.beans.UserBean" scope="session" />	
	<jsp:useBean id="productList" class="es.albarregas.beans.ProductListBean" scope="session" />
	
	
<!--[if lt IE 8]>      <html class="no-js lt-ie10 lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie10 lt-ie9"> <![endif]-->
<!--[if IE 9]>         <html class="no-js lt-ie10"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  <head>
    <meta charset="ISO-8859-1" />
    <title>Ikex | Contacto</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="" />
    <meta name="author" content="Josu Becerra" />
    
    <!-- Favicon y Apple touch icons (botones para Ipad y Iphone) -->
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/apple-touch/144.png" ></link>
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/apple-touch/114.png" ></link>
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/apple-touch/72.png" ></link>
    <link rel="apple-touch-icon-precomposed" href="images/apple-touch/57.png" ></link>
    <link rel="shortcut icon" href="images/favicon.png" ></link>
    
    <!--  Google Fonts  -->
    <link href='http://fonts.googleapis.com/css?family=Roboto:500' rel='stylesheet' type='text/css'></link>
    
    <!-- Twitter Bootstrap; librería ventanas JQuery-->
    <link href="css/bootstrap.css" rel="stylesheet" ></link>
    <link href="css/responsive.css" rel="stylesheet" ></link>
    <!-- Slider Revolution -->
    <link rel="stylesheet" href="js/rs-plugin/css/settings.css" type="text/css" ></link>
    <!-- jQuery UI -->
    <link rel="stylesheet" href="js/jquery-ui-1.10.3/css/smoothness/jquery-ui-1.10.3.custom.min.css" type="text/css" ></link>
    <!-- PrettyPhoto -->
    <link rel="stylesheet" href="js/prettyphoto/css/prettyPhoto.css" type="text/css" ></link>
    <!-- main styles -->
     
    <link href="css/main.css" rel="stylesheet" ></link>
     
     <!-- JQuery -->
	<!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> -->
	<script type="text/javascript" src="js/jquery.min.js"><jsp:text /></script>

    <!-- Modernizr, librería que le dice al navegador cómo actuar si no soporta la funcionalidad de la página -->
    <script src="js/modernizr.custom.56918.js"><jsp:text /></script>    
 	
  	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  	 
  </head>

   
  <body>
   
    
     
   	<!--  =====================  -->
    <!--  = Header - Cabecera =  -->
    <!--  =====================  -->  
    <c:choose>
    	<c:when test="${userLoggedIn == true}">
    		<jsp:include page="include/header-logged-in.jsp" />
    	</c:when>
    	<c:otherwise>
    		<jsp:include page="include/header.jsp" />
    	</c:otherwise>
    </c:choose>
    
    <c:set var="currentPage" value="contacto" scope="session"></c:set>

    <!--  ====================================================  -->
    <!--  = Main Menu / Menú Principal - Barra de Navegación =  -->
    <!--  ====================================================  -->
    <jsp:include page="include/menu.jsp" />
    
     
    
    
    
    <!--  ==========  -->
    <!--  = Breadcrumbs =  -->
    <!--  ==========  -->
    <div class="darker-stripe">
        <div class="container">
            <div class="row">
                <div class="span12">
                    <ul class="breadcrumb">
                        <li>
                            <a href="index.jsp">Inicio</a>
                        </li>
                        <li><span class="icon-chevron-right"></span></li>
                        <li>
                            <a href="contacto.jsp">Contacto</a>
                        </li>
                     
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <div class="push-up top-equal blocks-spacer-last">
            <div class="row">
                
                <!--  ==========  -->
                <!--  = Main Title =  -->
                <!--  ==========  -->
                
                <div class="span12">
                    <div class="title-area">
                        <h1 class="inline"><span class="light">Contacte con</span> Nosotros</h1>
                    </div>
                </div>
                
                <!--  ==========  -->
                <!--  = Main content =  -->
                <!--  ==========  -->
                <section class="span8 single single-page">
                    
                    <!--  ==========  -->
                    <!--  = Post =  -->
                    <!--  ==========  -->
                    <article class="post">
                        <div class="post-inner">
                            <p>
                            	Escríbanos cualquier duda o sugerencia, estaremos encantados de resolver sus dudas.
                            </p>
                        </div>
                    </article>
                    
                    <hr />
                    
                    <!--  ==========  -->
                    <!--  = Contact Form =  -->
                    <!--  ==========  -->
                    <section class="contact-form-container">
                        
                        <h3 class="push-down-25"><span class="light">Enviar</span> un Mensaje</h3>
                        
                        <form id="commentform" method="post" action="#" class="form form-inline form-contact" >
                            <p class="push-down-20">
                                <input type="text" aria-required="true" tabindex="1" size="30" value="" id="author" name="author" required="" />
                                <label for="author">Nombre<span class="red-clr bold">*</span></label>
                            </p>
                            <p class="push-down-20">
                                <input type="email" aria-required="true" tabindex="2" size="30" value="" id="email" name="email" required="" />
                                <label for="email">Email<span class="red-clr bold">*</span></label>
                            </p>
                            <p class="push-down-20">
                                <input type="text" tabindex="3" size="30" value="" id="url" name="url" />
                                <label for="url">Website</label>
                            </p>
    
                            <p class="push-down-20">
                                <textarea class="input-block-level" tabindex="4" rows="7" cols="70" id="comment" name="comment" placeholder="Escribe aquí tu consulta ..." required=""><jsp:text /></textarea>
                            </p>
                            <p>
                                <button class="btn btn-primary bold" type="submit" tabindex="5" id="submit">ENVIAR EMAIL</button>
                            </p>
                        </form>
                    </section>
                    
                    <hr />
                    
                    <!--  ==========  -->
                    <!--  = Información de la empresa con Google Maps =  -->
                    <!--  ==========  -->
                    <article class="company-info">
                        <div class="row">
                        	<div class="span3">
                        		<h3 class="push-down-30"><span class="light">Información</span> Ikex</h3>
                        		    
                        		<p>
                        		    <strong class="opensans dark-clr">IKEX FURNITURE, S.A.</strong>
                        		    <br />
                        		    Camino de Mirandilla S/N,
                        		    <br />
                        		    1000 Mérida,
                        		    <br />
                        		    Badajoz
                        		</p>
                        		    
                        		<p>
                        		    <strong class="opensans dark-clr">Teléfono:</strong> 924 311 222
                        		    <br />
                        		    <strong class="opensans dark-clr">Fax:</strong> 924 311 222
                        		    <br />
                        		    <strong class="opensans dark-clr">Email:</strong> <a href="#"> info@ikex.com</a>
                        		</p>
                        	</div>
                        	<div class="span5">
                        	    <div class="add-googlemap" data-height="205" data-addr="Camino de Mirandilla, Mérida" data-title="Ikex Mérida" data-zoom="14" data-type="roadmap"></div>
                        	</div>
                        </div>
    
                    </article>

                </section> <!-- /main content -->
                
                <!--  ==========  -->
                <!--  = Sidebar =  -->
                <!--  ==========  -->
                <aside class="span4">
                    
                    <!--  ==========  -->
                    <!--  = Opening Times Widget =  -->
                    <!--  ==========  -->
                    <div class="sidebar-item opening-time" id="opening_time-4">
                        <div class="underlined">
                            <h3><span class="light">Horario de </span> Apertura</h3>
                        </div>
                        <jsp:useBean id="now" class="java.util.Date" scope="page" />
						<fmt:formatDate  var="hoy" value="${now}" pattern="EEEE" /> <!-- Guardo en la vble 'hoy' el día de la semana actual -->
                        <div class="time-table">
                            <dl class="week-day ${hoy eq 'lunes' ? 'today' : ''  }">
                                <dt> Lunes </dt>
                                <dd>8:00 - 21:00</dd>
                            </dl>
                            <dl class="week-day light-bg ${hoy eq 'martes' ? 'today' : ''  }">
                                <dt>Martes</dt>
                                <dd>8:00 - 21:00</dd>
                            </dl>
                            <dl class="week-day ${hoy eq 'miércoles' ? 'today' : ''  }">
                                <dt>Miércoles</dt>
                                <dd>8:00 - 21:00</dd>
                            </dl>
                            <dl class="week-day light-bg ${hoy eq 'jueves' ? 'today' : ''  }">
                                <dt>Jueves</dt>
                                <dd>8:00 - 21:00</dd>
                            </dl>
                            <dl class="week-day ${hoy eq 'viernes' ? 'today' : ''  }">
                                <dt>Viernes</dt>
                                <dd>8:00 - 21:00</dd>
                            </dl>
                            <dl class="week-day light-bg ${hoy eq 'sábado' ? 'today' : ''  }">
                                <dt>Sábado</dt>
                                <dd>9:00 - 14:00</dd>
                            </dl>
                            <dl class="week-day closed">
                                <dt>Domingo</dt>
                                <dd>CERRADO </dd>
                            </dl>
                        </div>
                    </div>
                    
                    <!--  ==========  -->
                    <!--  = Twitter Widget =  -->
                    <!--  ==========  -->
                    <div class="sidebar-item widget_twitter">
                        <div class="underlined">
                            <h3><span class="light">Twitter</span> Ikex</h3>
                        </div>
						<a class="twitter-timeline" href="https://twitter.com/IKEA_Spain" data-widget-id="438131304098324480">Tweets por @IKEA_Spain</a>
						<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
                    </div>
                    
                    
                </aside> <!-- /sidebar -->

            </div>
        </div>
    </div> <!-- /container -->
    
     
    
    
    
     
  <!--  ========================  -->
    <!--  = Footer  =  -->
    <!--  ========================  -->
    <jsp:include page="include/footer.jsp" />
    
    
	
	<!--  ====================  -->
	<!--  = Ventanas modales =  -->
 	<!--  ====================  -->
	<jsp:include page="include/ventanas.jsp" />

	<!--  ==============  -->
    <!--  = JavaScript =  -->
    <!--  ==============  -->
	<jsp:include page="include/js.jsp" />
	<jsp:include page="include/external-js.jsp" />
	
	<!-- Si procede de un error de registro, abrimos la ventana modal de registro -->
	<c:if test="${registroKO == true }">
		<script type="text/javascript">
	    	//console.log("estoy dentro");
		    $(window).load(function(){
		        $('#registerModal').modal('show');
		    });
		</script>
	</c:if>
	
	<!-- Si procede de un error de login, abrimos la ventana modal de login -->
	<c:if test="${loginKO == true }">
		<script type="text/javascript">
		    $(window).load(function(){
		        $('#loginModal').modal('show');
		    });
		</script>
	</c:if>
	
	

	
  </body>
</html>

 </jsp:root>  

    
    